<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>常见css和盒子模型-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>常见css和盒子模型-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>font-size</h2>
					<span>设置文字大小!浏览器文字的默认大小都是16px浏览器最小的文字大小是12px;火狐浏览器：可以支持比12px小的文字</span>
				</li>
				<li>
					<h2>样式</h2>
					<span>写在标签里style属性，是标签属性;行内样式：写在标签中的css样式;内部样式：写在style标签里的css样式; css语法：选择器{样式属性:属性值;}</span>
				</li>
				<li>
					<h2>class  : 类</h2>
					<span>类名称在css中有一个特殊标记  :  color的几种颜色值：#ff0000   十六进制颜色值 #ff0000 : #f00 #606060 : 不能简写 aabbcc 可以简写 red  英文值 rgb()  :  原色 。css3 r  :  红色  0-255 g  :  绿色  0-255 b  :  蓝色  0-255 rgba() a  : 透明度 0-1 1 :完全不透明 0：透明</span>
				</li>
				<li>
					<h2>综合</h2>
					<span>div : 块标签:默认的宽度和父亲的一样; 文档流：网页上元素的空间:排序规则：从左到右，从上到下;内边距padding;外边距:margin;border:边框;border-width : 边框的粗细 border-style ：边框的样式 solid  实心线 dashed   虚线 边框的颜色默认是当前文本的颜色 边框和padding会增加盒子的实际大小 行内元素的上下margin是没有效果 span /  i   em  strong   b  块级元素的全部有效 div p h1 盒子的实际大小 = 内容 + padding + border 盒子的实际占据空间大小 =  内容 + padding + border +margin</span>
				</li>
				<li>
					<h2>a链接-锚点</h2>
					<span>锚点有两种方式id#或name  id="box"  name="box" 都用"#box"</span>
				</li>
			</ul>
		</div>
		<script src="../js/jquery-1.12.2.min.js""></script>
		<script src="../js/dom.js"></script>
		<script type="text/javascript">
			


		</script>	
		
		
	</body>
</html>
